@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0;  font:normal 12px/200% Microsoft YaHei; color:#000000;text-align:center;}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
div{margin:0 auto;text-align:left;font:normal 12px/200% Microsoft YaHei;}
li,p{text-align:left;font:normal 12px/200% Microsoft YaHei;}
a:link,a:visited{color:#000000; text-decoration:none;}
a:hover{color:#000000; text-decoration:underline;}
img{ border:none;}
ol,ul,li{list-style:none;}
em,i{ font-style:normal;} 
/*clear*/
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
/*other*/
h1,h2,h3,h4,h5,h6{ text-align:left;font:normal 12px/200% Microsoft YaHei;}
.w1000{ width:1000px;}
.fl{ float:left;}
.fr{ float:right;}
.white,.white a:link,.white a:visited,.white a:hover{ color:#fff;}

/*header*/
.header{ background:url(images/top_pc.jpg) top center no-repeat #f0f6ff; height:301px;}
.header img{ display:none;}
.nav{ background:#3975ff; height:50px;}
.nav div{ height:50px; line-height:50px; font-size:18px; text-align:center;}
.nav div a{ padding:0 26px;}
.nav_m{ display:none;}
/*p1*/
.device{ width: 660px; height: 400px; position: relative; overflow:hidden;}
.device .arrow-left1 { position: absolute; left:0px; top: 50%; margin-top: -60px; width: 80px; height: 80px; background:url(images/btn_prev1.png) no-repeat top left; z-index:10;}
.device .arrow-right1 { position: absolute; right:0px; top: 50%; margin-top: -60px;  width: 80px; height: 80px; background:url(images/btn_next1.png) bottom left no-repeat; z-index:10;}
.device .swiper-container { height: 400px; width: 660px;}
.device .content-slide {}
.device .swiper-slide img{ width:660px; height:400px;}
.device .swiper-slide div p{ height:50px; line-height:50px; color:#fff; margin-top:-50px; position:relative; background:#000; z-index:100;opacity:0.7;  filter:alpha(opacity=70); font-size:18px; text-align:center;}
.device .swiper-slide div p a:link,.device .swiper-slide div p a:visited,.device .swiper-slide div p a:hover{ color:#fff;}
.device .pagination1 { display:none; position: absolute; left: 0; text-align: center; bottom:0px; width: 100%; z-index:11;}
/*.device .swiper-pagination-switch { display: inline-block; width: 10px;  height: 10px; border-radius: 10px; background: #999; box-shadow: 0px 1px 2px #555 inset;  margin: 0 3px; cursor: pointer;}
.device .swiper-active-switch { background: #fff;}*/

.p1_con{ margin:30px auto;}
.p1_con .fr{ width:310px;}
.p1_con .fr h1{ font:24px/140% Microsoft YaHei; padding-bottom:15px;}
.p1_con .fr p{ font:14px/180% Microsoft YaHei; padding-bottom:20px;}
.p1_con .fr .newBox{ min-height:350px;}
.p1_con .fr .searchBox{ background:#3975ff; height:50px; padding:10px 0 10px 10px; overflow:hidden;cursor:pointer;}
.p1_con .fr .searchBox input{ vertical-align:middle; background:#fff; border:none; width:250px; height:30px; line-height:30px; float:left;}
.p1_con .fr .searchBox input:focus{ background-color:#b5c9fe;}
.p1_con .fr .searchBox img{ vertical-align:middle; float:left; margin-top:-10px;}


.p2_con{ margin:0 auto 20px;}
.p2_con ul li{box-sizing: border-box; width:31%; float:left; margin:0 0 2% 0;}
.p2_con ul li:nth-child(2),.p2_con ul li:nth-child(5),.p2_con ul li:nth-child(8),.p2_con ul li:nth-child(11),.p2_con ul li:nth-child(14){ margin:0 3.5% 2%;}
.p2_con ul li img{}

.p2_con div{ height:240px; overflow-y:auto; overflow-x:hidden; width:99%; padding-right:1%;}
.p2_con div::-webkit-scrollbar { width:6px; height:6px; background-image: linear-gradient(135deg, #ddd 100%, #ddd 100%, #ddd 100%);}
.p2_con div::-webkit-scrollbar-track { border-radius: 0;}
.p2_con div::-webkit-scrollbar-thumb { border-radius: 0;  background-image: linear-gradient(135deg, #316cf3 100%, #3975ff 100%, #999 100%); transition: all .2s;  border-radius: 0.25rem;}
.p2_con div::-webkit-scrollbar-thumb:hover { background-color: #eee;}

.shadow-radial a{position: relative; height:100px; display:block;}
.shadow-radial a:before,.shadow-radial a:after {pointer-events: none;position: absolute;content: '';left: 0;width: 100%;box-sizing: border-box;background-repeat: no-repeat;height: 5px;opacity: 0;transition-property: opacity;transition-duration: .3s;}
.shadow-radial a:before {bottom: 100%;background: radial-gradient(ellipse at 50% 150%, #888 0%, rgba(0,0,0,0) 80%);}
.shadow-radial a:after {top: 100%;background: radial-gradient(ellipse at 50% -50%, #888 0%, rgba(0,0,0,0) 80%);}
.shadow-radial a:hover:before,.shadow-radial a:hover:after {opacity: 1;}
		


.p3_con{ margin:0 auto 30px;}
.p3_con .p3Box{box-sizing: border-box; width:31%; float:left; margin:1.5% 0 1%; background:#fff;-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;transition:all 300ms ease-out;text-transform:uppercase; padding-bottom:10px;}
.p3_con .p3Box:hover{ background:#f6f6f6;-moz-box-shadow: 5px 5px 5px #e1e1e1;box-shadow: 5px 5px 5px #e1e1e1;}
.p3_con .p3Box:hover h2{ background:#316cf3;}
.p3_con .p3Box:nth-child(2),.p3_con .p3Box:nth-child(5),.p3_con .p3Box:nth-child(8),.p3_con .p3Box:nth-child(11){ margin:1.5% 3.5% 1%;}
.p3_con .p3Box h2{ font-family:"宋体"; font-size:20px; height:40px; line-height:40px; background:#3975ff; border-bottom:#fff 1px solid; font-weight:bold;}
.p3_con .p3Box h2 i{ width:40px; height:40px; display:block; display:inline-block; vertical-align:middle;}
.p3_con .p3Box:nth-child(1) h2 i{ background:url(images/p2_icon04.png) no-repeat;}
.p3_con .p3Box:nth-child(2) h2 i{ background:url(images/p2_icon02.png) no-repeat;}
.p3_con .p3Box:nth-child(3) h2 i{ background:url(images/p2_icon03.png) no-repeat;}
.p3_con .p3Box:nth-child(4) h2 i{ background:url(images/p2_icon01.png) no-repeat;}
.p3_con .p3Box:nth-child(5) h2 i{ background:url(images/p2_icon05.png) no-repeat;}
.p3_con .p3Box:nth-child(6) h2 i{ background:url(images/p2_icon06.png) no-repeat;}
.p3_con .p3Box:nth-child(7) h2 i{ background:url(images/p2_icon07.png) no-repeat;}
.p3_con .p3Box:nth-child(8) h2 i{ background:url(images/p2_icon08.png) no-repeat;}
.p3_con .p3Box:nth-child(9) h2 i{ background:url(images/p2_icon09.png) no-repeat;}
.p3_con .p3Box:nth-child(10) h2 i{ background:url(images/p2_icon10.png) no-repeat;}
.p3_con .p3Box:nth-child(11) h2 i{ background:url(images/p2_icon11.png) no-repeat;}

.p3_con .p3Box p{ display:block;}
.p3_con .p3Box p img{ display:block; width:100%; height:auto;}
.p3_con .p3Box b{ font-size:18px; font-weight:normal; padding:15px 0 15px 8px; display:block;}
.p3_con .p3Box ul{ padding-left:8px;}
.p3_con .p3Box ul li{ font-size:14px; padding-left:12px; background:url(images/dot.png) 0 10px no-repeat;}
.p3_con .p3Box ul li a{ font-size:14px;}

.p3_con .p3Box_b{} 
.p3_con .p3Box_b ul{ margin:15px 0;}
.p3_con .p3Box_b ul li:nth-child(5){ border-bottom:#e0e0e0 1px solid; padding-bottom:10px; margin-bottom:10px;}

.p3_con .p3Box_c{ min-height:380px; background:#3975ff;}
.p3_con .p3Box_c:hover{ background:#316cf3;-moz-box-shadow: 5px 5px 5px #e1e1e1;box-shadow: 5px 5px 5px #e1e1e1;}
.p3_con .p3Box_c h3{ width:250px; margin:30px auto 10px; font-size:14px;}
.p3_con .p3Box_c h3 img{ margin-right:5px;}
.p3_con .p3Box_c p{ text-align:center;}
.p3_con .p3Box_c p img{ margin:0 10px; width:80px; height:80px; display:inline;}
.p3_con .p3Box_c h4{ font-size:18px; border-bottom:#759fff 1px solid; width:215px; margin:20px auto 15px; padding-bottom:6px; padding-left:5px;}
.p3_con .p3Box_c span{ display:block; font-size:14px; width:215px; margin:0 auto; line-height:200%; padding-left:5px;}

.p4_con{ margin:20px auto 60px;}
.p4_con h1{ text-align:center;}
.p4_con h1 img{ margin:5px auto}
.p4_con ul{ margin:15px auto;}
.p4_con ul li{ float:left; width:180px; margin:16px 10px 0 10px;}

.shadow-radial2 a{position: relative; height:70px; display:block;}
.shadow-radial2 a:before,.shadow-radial2 a:after {pointer-events: none;position: absolute;content: '';left: 0;width: 100%;box-sizing: border-box;background-repeat: no-repeat;height: 5px;opacity: 0;transition-property: opacity;transition-duration: .3s;}
.shadow-radial2 a:before {bottom: 100%;background: radial-gradient(ellipse at 50% 150%, #888 0%, rgba(0,0,0,0) 80%);}
.shadow-radial2 a:after {top: 100%;background: radial-gradient(ellipse at 50% -50%, #888 0%, rgba(0,0,0,0) 80%);}
.shadow-radial2 a:hover:before,.shadow-radial2 a:hover:after {opacity: 1;}



.copyright{ text-align:center;}



/*2j*/
.p2j_listBox{ margin:30px auto;}
.lujing{ margin:20px auto;}
.lujing a{ padding:0 8px;}
.p2j_listBox h1{ font-size:22px; border-bottom:#3975ff 2px solid; margin:0px auto 15px; width:96%;}
.p2j_listBox ul{ width:96%; margin:0 auto;}
.p2j_listBox ul li{ background:url(images/dot.png) 10px 10px no-repeat; padding-left:30px; width:96%; float:left; margin:5px auto;}
.p2j_listBox ul li a{ font-size:16px; float:left; width:76%;}
.p2j_listBox ul li em{ float:right; font-size:12px; color:#666; width:20%;}

.page_n{text-align:center;padding:40px 0;}
.page_n a{border:#dddad2 1px solid;background:#f7f6f3;padding:10px 15px;margin:0 5px;}
.page_n a.common_current_page,.page_n a:hover{background:#3975ff;color:#fff;text-decoration:none;border:1px solid #fff;}



/*pic 2j*/
.p2j_PicBox{ margin:30px auto;}
.p2j_PicBox h1{ font-size:22px; border-bottom:#3975ff 2px solid; margin:0px auto 15px;}
.p2j_PicBox ul{ margin-left:-34px;}
.p2j_PicBox ul li{ float:left; text-align:center;box-sizing: border-box; width:310px; margin:10px 0 10px 34px; font-size:14px; height:430px; overflow:hidden;}
.p2j_PicBox ul li img{ display:block;}
.p2j_PicBox ul li span{ display:block; width:310px; margin-bottom:5px;height:400px; overflow:hidden; }


.p2j_PicBox2{ margin:30px auto;}
.p2j_PicBox2 h1{ font-size:22px; border-bottom:#3975ff 2px solid; margin:0px auto 15px;}
.p2j_PicBox2 ul{ margin-left:-34px;}
.p2j_PicBox2 ul li{ float:left; text-align:center;box-sizing: border-box; width:310px; margin:10px 0 10px 34px; font-size:14px; height:220px; overflow:hidden;}
.p2j_PicBox2 ul li img{ display:block;}
.p2j_PicBox2 ul li span{ display:block; width:310px; margin-bottom:5px;height:180px; overflow:hidden;}




/*202008新增通栏icon====================================*/
.p1_iconList{ margin:0 auto 30px;}
.p1_iconList ul{ margin:0 auto;}
.p1_iconList ul li{box-sizing: border-box; width:15%; float:left; margin:0.5% 2.4%;}
.p1_iconList ul li img{ width:100%; height:auto;}



/*202008新增视频二级icon================================*/
:focus{outline:0}
.clearfix,.column,.wrapper{*zoom:1}
.clearfix:after,.column:after{content:'';display:table;clear:both}
*{box-sizing:border-box}

.column{padding:0; margin:0 auto;}
.top_con{ position:relative;}
.leyer01{ position:absolute; width:30%; height:30%; top:35%; left:35%; z-index:1000; text-align:center;  font-size:45px; color:#fff; line-height:400%;}
.leyer01 img{ margin-top:-50px;}
.effect{width:100%; background:url(images/bg01.jpg) no-repeat; background-size: cover;}
.effect_box{display:block;width:100%;height:0;padding:0 0 50%;}
.effect_box_scale{ z-index:500; background:url(images/bg01_pic.png) no-repeat; background-size: cover;}

.effect2{width:100%; background:url(images/bg02.jpg) no-repeat; background-size: cover;}
.effect_box_scale2{ z-index:500; background:url(images/bg02_pic.png) no-repeat; background-size: cover;}

.effect3{width:100%; background:url(images/bg03.jpg) no-repeat; background-size: cover;}
.effect_box_scale3{ z-index:500; background:url(images/bg03_pic.png) no-repeat; background-size: cover;}

.effect4{width:100%; background:url(images/bg04.jpg) no-repeat; background-size: cover;}
.effect_box_scale4{ z-index:500; background:url(images/bg04_pic.png) no-repeat; background-size: cover;}

.effect5{width:100%; background:url(images/bg05.jpg) no-repeat; background-size: cover;}
.effect_box_scale5{ z-index:500; background:url(images/bg05_pic.png) no-repeat; background-size: cover;}

.effect6{width:100%; background:url(images/bg06.jpg) no-repeat; background-size: cover;}
.effect_box_scale6{ z-index:500; background:url(images/bg06_pic.png) no-repeat; background-size: cover;}




/* MEDIA QUERIES Mobile phone
---------------------------------------------------------------------- */	   
	   
@media (min-device-width:320px) and (max-width:689px),
       (max-device-width:480px)
	   {
.w1000{ width:100%; min-width:320px; max-width:480px;}
.header{ background:none; height: auto;}
.header img{ display: block; width:100%; height:auto;}
.nav_m{ display:block;}
.nav{ display:none;}
.nav_m{ background:#3975ff; height:50px;}
.nav_m div{ height:50px; line-height:50px; font-size:18px; text-align:center;}

.device{ width: 100%; height: 280px; position: relative; overflow:hidden;}
.device .arrow-left1 { position: absolute; left:0px; top: 50%; margin-top: -30px; width: 40px; height: 40px; background:url(images/btn_prev1.png) no-repeat top left; background-size:100%; z-index:10;}
.device .arrow-right1 { position: absolute; right:0px; top: 50%; margin-top: -30px;  width: 40px; height: 40px; background:url(images/btn_next1.png) bottom left no-repeat; background-size:100%; z-index:10;}
.device .swiper-container { height: 280px; width: 100%;}
.device .swiper-slide img{ width:100%; height:280px;}
.device .swiper-slide div p{ height:50px; line-height:50px; color:#fff; margin-top:-50px; position:relative; background:#000; z-index:100;opacity:0.7;  filter:alpha(opacity=70); font-size:18px; text-align:center;}
.p1_con{ margin:30px auto;}
.p1_con .fl{ float:none;}
.p1_con .fr{ width:90%; float:none; padding-top:20px;}

.p1_con .fr .searchBox input{ vertical-align:middle; background:#fff; border:none; width:80%; height:30px; line-height:30px; float:left;}

.p2_con ul li{ width:50%; margin:0; padding:1%;}
.p2_con ul li:nth-child(2),.p2_con ul li:nth-child(5),.p2_con ul li:nth-child(8),.p2_con ul li:nth-child(11),.p2_con ul li:nth-child(14){ margin:0;}
.p2_con ul li img{ width:100%; height:64px;}
.shadow-radial a{ height: auto;}

.p3_con .p3Box{ width:100%;}
.p3_con .p3Box:nth-child(2),.p3_con .p3Box:nth-child(5),.p3_con .p3Box:nth-child(8),.p3_con .p3Box:nth-child(11){ margin:1.5% 0 1%;}


.p4_con h1 img{ margin:5px auto; width:90%; height:auto;}
.p4_con ul li{ float:left; width:45%; margin:2.5%;}

.p2j_listBox ul{ width:92%; margin:0 auto;}
.p2j_listBox ul li a{ font-size:16px; float:left; width:96%;}
.p2j_listBox ul li em{ float:right; font-size:12px; color:#666; width:94%; text-align:right; padding-right:2%;}




.p2j_PicBox ul{ margin-left:0;}
.p2j_PicBox ul li{box-sizing: border-box; width:48%; margin:1%; height:300px; overflow:hidden;}
.p2j_PicBox ul li img{ width:100%; height:auto;}
.p2j_PicBox ul li span{ width:100%; margin-bottom:5px;height:270px; overflow:hidden; }

.p2j_PicBox2 ul{ margin-left:0;}
.p2j_PicBox2 ul li{box-sizing: border-box; width:48%; margin:1%; height:190px; overflow:hidden;}
.p2j_PicBox2 ul li img{ width:100%; height:auto;}
.p2j_PicBox2 ul li span{ width:100%; margin-bottom:5px;height:115px; overflow:hidden; }


/*202008新增通栏icon====================================*/

.p1_iconList{ margin:20px auto 30px;}
.p1_iconList ul{ margin:0 auto;}
.p1_iconList ul li{box-sizing: border-box; width:30%; float:left; margin:1.5%;}
.p1_iconList ul li img{ width:100%; height:auto;}




/*202008新增视频二级icon================================*/
.effect_box_scale{ z-index:500; background:url(images/bg01_pic_s.png) no-repeat; background-size: cover;}
.effect_box_scale2{ z-index:500; background:url(images/bg02_pic_s.png) no-repeat; background-size: cover;}
.effect_box_scale3{ z-index:500; background:url(images/bg03_pic_s.png) no-repeat; background-size: cover;}
.effect_box_scale4{ z-index:500; background:url(images/bg04_pic_s.png) no-repeat; background-size: cover;}
.effect_box_scale5{ z-index:500; background:url(images/bg05_pic_s.png) no-repeat; background-size: cover;}
.effect_box_scale6{ z-index:500; background:url(images/bg06_pic_s.png) no-repeat; background-size: cover;}


}